<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/cartlist.css">
    <link rel="stylesheet" href="../reset.css">
</head>

<body>
    <div class="bigbox">
        <div class="top-contianer">
            <ul class="top-left">
                <li><a href="#">长虹官网</a> </li>
                <li><a href="#">关于长虹</a> </li>
                <li><a href="#">投资者关系</a> </li>
                <li><a href="#">商务合作</a> </li>
                <li>
                    <a href="#"> <img src="https://images.changhong.com/chgw/images/en_icon.png" alt=""> English</a>
                </li>
            </ul>
            <div class="top-right">
                <div class="right-left">
                    <a href="http://10.31.163.77/changhong/src/login.html">登录</a>
                    <span>|</span>
                    <a href="http://10.31.163.77/changhong/src/registry.html">注册</a>
                </div>
                <div class="admin" style="display: none;">
                    <span>:欢迎光临</span>
                    <a href="#"></a>
                </div>
                <div class="box">
                    <a href="">
                        <div class="riht-changhong"><img src="" alt=""> 我的长虹</div>
                    </a>
                    <a href="">
                        <div class="riht-youpin">虹创有品</div>
                    </a>
                    <a href="">
                        <div class="riht-gouwuche">购物车</div>
                    </a>
                </div>
            </div>
        </div>
        <div class="nav-binbox">
            <div class="nav-box">
                <div class="nav-log">
                    <a href="#">
                        <img src="https://cn.changhong.com/gwsy/images/P020161125568572860644.png" alt="">
                    </a>
                </div>

                <div class="nav-left">
                    <input type="text" name="" id="" value="搜索" class="nav-input1">
                    <input type="button" class="nav-input2">
                </div>
            </div>
        </div>

        <div class="order-box">
            <div class="top-box">
                <div class="clearfix">
                    <div class="car-all-check">
                        <input type="checkbox" id="carr_all_check">
                    </div>
                    <div>
                        <p class="if-sp">全选
                            <span>1</span> 种商品
                        </p>
                    </div>
                </div>
            </div>
            <!-- 商品列表 -->
            <div class="botton-box">
                <div class="left-box"></div>
                <div class="car-check-box">
                    <input type="checkbox" name="" id="">
                </div>
                <!-- 购买商品详情 -->
                <div class="shangpin">
                    <div class="box1">
                        <!-- 渲染商品图片的img -->
                        <img src="" alt="">
                    </div>
                    <div class="box2">
                        <!-- 渲染a标签为title -->
                        <a href="">商品名</a>
                    </div>
                    <div class="box3">
                        单价
                        <!-- 渲染span价格 -->
                        <span>111</span> 元
                    </div>
                    <div class="box4">
                        <label>数量</label>
                        <div class="box4-box">
                            <a href="" class="jian">-</a>
                            <input type="text" value="1" id="">
                            <a href="" class="jia">+</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</body>

</html>